*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-family: MicrosoftYaHei;
}
ul,ol,li{
	list-style:none;
}
a{
	text-decoration: none;
}
input{
	outline: none;
	color: #cccccc;
}
.personal_center_wrapper{
	width: 100%;
}
.personal_center_top{
	width: 100%;
	height: 33px;
	background: url(../img/top.png) no-repeat center center;
	background-size: cover;
}
.personal_center_box{
	width: 1146px;
	margin: 0 auto;
}
.personal_center_logo{
	width: 100%;
	height: 72px;
	.logo{
		float: left;
		padding-top: 10px;
		margin-right:10px;
	}
	.words{
		float: left;
		padding-top: 25px;
		padding-left: 8px;
	}
	.words_list{
		height:28px;
		li{
			float:left;
			height:28px;
			font-weight: bold;
			margin:0 12px 0 16px;
			a{
				height:28px;
				font-size:14px;
				color:#838383;
				line-height:28px;
				display:block;
			}
			a:hover{
				color:#0971ce;
			}
		}
		
		li.active{
			a{
				color:#0971ce;
			}
			
		}
	}
	
	.search{
		float: right;
		padding-top: 19px;
		position: relative;
		.search_icon{
			position: absolute;
			right: 6px;
			top: 27px;
			width: 16px;
			height: 16px;
			background:url(../img/search.png) no-repeat center center;
			background-size: cover; 
		}
		input{
			width: 260px;
			height: 30px;
			border: 1px solid #cccccc;
			border-radius: 3px;
			padding-left: 12px;
			line-height: 28px;
			font-size: 12px;
			color: #ccc;
		}
	}
}
.personal_center_content{
	width: 100%;
	.nav{
		width: 156px;
		height: 1212px;
		float: left;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#536cc7), to(#7d51c3));
		background: -moz-linear-gradient(top, #536cc7, #7d51c3);
		background: -o-linear-gradient(top, #536cc7, #7d51c3);
		background: -ms-linear-gradient(#536cc7 0%,#7d51c3 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=1);
    	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=0);
	}
	.nav-top{
		height:188px;
		border-bottom:1px solid #4b5dad;
		margin-bottom:10px;
		img{
			width:71px;
			height:71px;
			margin:26px 42px 8px 42px;
		}
		p{
			height:22px;
			line-height:22px;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			text-align:center;
		}
		span{
			margin:14px auto;
			display:block;
			width:70px;
			height:26px;
			color:#fff;
			text-align:center;
			line-height:26px;
			background:#7883ff;
			border-radius:3px;
			font-weight:bold;
			font-size:12px;
		}
	}
	.nav_title{
		width:100%;
		h3{
			text-align:center;
			line-height:36px;
			color:#fff;
			font-size:16px;
		}
		p{
			padding:0 24px 0 18px;
			line-height:24px;
			font-size:12px;
			color:#fff;
			font-weight:bold;
		}
	}
	.detail{
		width:970px;
		float:right;
		height:1212px;
	}
	.detail_nav{
		width: 100%;
		height: 36px;
		padding-left: 18px;
		background: #fafafa;
		margin-bottom:10px;
		.detail_nav_list{
			li{
				height: 36px;
				line-height: 36px;
				font-family: MicrosoftYaHei-Bold;
				
				float: left;
				font-weight: bold;
				margin-right:40px;
				a{	
					height:36px;
					font-size: 16px;
					color: #808080;
					display:block;
				}
				a:hover{
					color:#0971ce;
				}
			}
			li.active{
				a{
					color: #0971ce;
				}
				
			}
		}
	}
	.detail_title{
		height:24px;
		
		span{
			float:left;
			font-size:14px;
			color:#808080;
			margin:0 14px 0 18px;
			font-family:MicrosoftYaHei;
			line-height:24px;
		}
		span.active{
			color:#0971ce;
		}
	}
	.detail_container_list{
		height:130px;
		border-bottom:1px solid #f5f8fa;
		position:relative;
		margin-top:15px;
	}
	.detail_newT{
		width:204px;
		height:114px;
		float:left;
		img{
			width:100%;
			height:100%;
		}
	}
	.detail_back{
		width:746px;
		float:right;
	}
	.detail_back-top{
		height:24px;
		margin-bottom:14px;
		position:relative;
		.detail_backT_left{
			float:left;
			position:relative;
			h4{
				line-height:24px;
				font-size:18px;
				text-indent:32px;
			}
			span{
				position:absolute;
				left:0;
				top:4px;
				background:#0576da;
				color:#fff;
				font-size:10px;
				-webkit-transform:scale(0.8);
				padding:3px;
			}
		}
		.detail_backT_right{
			float:right;
			margin-right:50px;
			span{
				color:#999999;
				line-height:24px;
			}
		}
		.comment{
			position:absolute;
			right:0;
			top:2px;
			span{
				display:block;
				color:#d3d3d3;
				font-size:14px;
				
			}
		}
	}

	.detail_back_nav{
		position:relative;
		&:after{
			content:"";
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;
			clear: both;
			}
		margin-bottom:12px;
		.detail_back_tap{
			a{
				color:#686c74;
			}
			span{
				float:left;
				margin-right:10px;
				padding:5px 4px;
				font-size:10px;
				-webkit-transform:scale(0.9);
				background:#f0f2f5;
				font-weight:bold;
			}
		}
		.support{
			position:absolute;
			right:0;
			bottom:-10px;
		}
	}
	.detail_back_info{
		position:relative;
		.detail_back_se{
			width:696px;
			p{
				font-size:12px;
				line-height:22px;
				color:#686c74;
				height:44px;
			}
		}
		.share{
			position:absolute;
			right:0;
			bottom:0;
		}
		
	}
	
}